<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>关于我们</title>
    <!--<link href="css/index_style.css" rel="stylesheet" type="text/css" media="all">-->
    <link href="css/about_us.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
    <div class="header">
        <div class="wrap"></div>
        <div class="header_left">
            <div class="logo">
                <a href="index.html"><img src="image/movie_star.PNG"></a>
            </div>
        </div>
        <div id="header_right" class="header_right">
            <div class="top_nav">
                <ul>
                    <li class="start"><a href="index.html">首页</a> </li><li
                        class="about_us"><a href="about_us.html">关于我们</a> </li><li
                        class="blog"><a href="blog.html">博客</a> </li>
                </ul>
            </div>
        </div>
        <div class="sign-ligin-btns">
            <ul>
                <li class="login"><a href="login.html">登陆</a> </li>
                <li class="register"><a href="register.html">注册</a> </li>
            </ul>
        </div>
    </div>
    <div class="welcome">
        欢迎来到我们的网站
    </div>
    <div>
        <div> </div>
        <div class="who_we_are">
            <div class="who">
                <p>Who we are？</p>
            </div>
            <div class="logo_who">
                <img src="image/beutiful_girl.PNG">
            </div>
        </div>
        <div class="skill">
            <h4>我们的资源</h4>
            <p>movie movie movie movie movie movie movie movie movie movie movie movie movie movie movie moviemovie movie movie movie movie movie movie movie</p>
            <div class="movie">动作电影</div>
            <div class="progress">
                <span style="width: 20%;"><span>20%</span></span>
            </div>
            <div class="movie">院线电影</div>
            <div class="progress">
                <span class="green" style="width: 40%;"><span>40%</span></span>
            </div>
            <div class="movie">网络电影</div>
            <div class="progress">
                <span class="orange" style="width: 60%;"><span>60%</span></span>
            </div>
            <div class="movie">经典电影</div>
            <div class="progress">
                <span class="red" style="width: 80%;"><span>80%</span></span>
            </div>
            <div class="movie">犯罪电影</div>
            <div class="progress">
                <span class="blue" style="width: 100%;"><span>100%</span></span>
            </div>
        </div>
    </div>

</body>
</html>